<!DOCTYPE html>
<html lang="en"  >
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>柴小汪导航页</title>
    <link rel="stylesheet" href="./CSS.css">  <!--导入自定义样式 -->
    <link rel="stylesheet" href="../download/font_3683896_w7woy99hzgm/iconfont.css"> <!--导入字体 -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>  <!--导入Vue.js -->

</head>
<body>
    <div class="header">

        
            <div class="brand"></div>
       
       
        
        <ul class="header_ul">
            <li class="introduction">
                <span <span class="iconfont icon-gou"></span></span>
                <a href="#"> 狗狗百科</a>
                <ul class="introductionul">
                    <li><a href="">起源</a></li>
                    <li><a href="">生病</a></li>
                    <li><a href="">禁忌</a></li>
                </ul>
            </li>

            <li class="select">
                <span <span class="iconfont icon-xiangquan"></span></span>
                <a href=""> 狗狗挑选</a>
                <ul class="selectul">
                    <li><a href="">金毛</a></li>
                    <li><a href="">二哈</a></li>
                    <li><a href="">柯基</a></li>
                </ul>
            </li>

            <li class="doctor">
                <span <span class="iconfont icon-yaopin"></span></span>
                <a href=""> 狗狗医生</a>
                <ul class="doctorul">
                    <li><a href="">李医生</a></li>
                    <li><a href="">冯医生</a></li>
                    <li><a href="">宋医生</a></li>
                </ul>
            </li>

            <li class="music">
                <span <span class="iconfont icon-gouwu  "></span></span>
                <a href=""> 娱乐一下</a>
                <ul class="musicul">
                    <li><a href="../looking_you/html.html">看着你</a></li>
                    <li><a href="../弹珠小游戏/index.html">弹珠小游戏</a></li>
                    <li><a href="">小狗嘤嘤</a></li>
                </ul>
            </li>
            
        </ul>
        <!-- <button @click="change" value="clike">123</button> -->

    </div>

   <script>
    var app = new Vue({
        el:'#app',
        data:{
            isActive:true
        },
        methods:{
            change:function(){
                this.isActive=!this.isActive;
            }
        }
      
    });
 </script>
 
</body>
</html>